ul.tree li, ul.tree_correlate li {
	line-height: 20px;
	margin: 0;
	padding: 0;
}

#tree_inner{
margin-left: 15px; 
}

ul.tree ul, ul.tree_correlate ul { margin-left: 10px; }

ul.tree, ul.tree ul, ul.tree_correlate, ul.tree_correlate ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrow.open{
	background: url('/images/icons/tree/open.png') no-repeat scroll 0 0 transparent;
}
.arrow.close{
	background: url('/images/icons/tree/close.png') no-repeat scroll 0 0 transparent;
}

.icon.black{
	background: url('/images/icons/tree/bullet_black.png') no-repeat scroll 0 0 transparent;
}

.icon.blue{
	background: url('/images/icons/tree/bullet_blue.png') no-repeat scroll 0 0 transparent;
}

.icon.green{
	background: url('/images/icons/tree/bullet_green.png') no-repeat scroll 0 0 transparent;
}

.icon.red{
	background: url('/images/icons/tree/bullet_red.png') no-repeat scroll 0 0 transparent;
}

.icon.white{
	background: url('/images/icons/tree/bullet_white.png') no-repeat scroll 0 0 transparent;
}


.text{ border: 1px solid white; cursor: pointer; }

.text_correlate{ 
border: 1px solid white; 
line-height:16px;
padding:0px 0px 0px 0px;
float:left;
}

#tree_wrapper{
	height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.tree, .tree_correlate  {
	width: 100%;
	float: left;
	margin: 0;
	font-family: Verdana;
	font-size: 12px;
	background: white;
}

.tree .node{ color: black; -moz-border-radius: 3px 3px 3px 3px; }

.tree .selected{
	background: none repeat scroll 0 0 #BEEBFF;
	border: 1px solid #99DEFD;
}

li a, li .text {
	color: black;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 1px 4px;
	text-decoration: none;
	white-space: nowrap;
}

.arrow, .node .icon{
	float: none;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	width:15px; height:16px; float:left; margin-top:4px;
}

 .text{
    height:16px; float:left;
}

#tree a{ 
	text-decoration: none;
	color:black;
}

#tree_correlate .node_correlate .arrow,#tree_correlate .node_correlate .icon{
	float: none;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	width:15px; height:16px; float:left; margin-top:4px;
}

#tree_correlate .node_correlate .text{
    height:16px; float:left;
}

#tree_correlate a{ 
	text-decoration: none;
	color:black;
}

.node{
	cursor:pointer;
}

.node .icon{
	cursor:default;
}

.rename_wrapper, .rename_wrapper div{
    float:left;
}

.clear{
clear:both;
}

.tree #tree_root_text{
padding:1px;
}

#tree_outer_wrapper{
margin-left:25px; 
border-bottom:1px solid #DDD; 
border-top:1px solid #DDD; 
padding:10px 0 10px 0;
}

#tree_operate_wrapper{
width: 720px; 
margin-left:25px; 
border:0px solid #DDD;
}

.loading{
z-index:9999;padding:2px 0 2px 4px;
background:#68A62B;width:70px;
color:#FFFFFF;
font-weight:bold;
display:none;
font-size:12px;
opacity:0.85;
filter:alpha(opacity=85);
position:absolute;
right:0;
top:0;
}

.saving{
z-index:9999;padding:2px 0 2px 4px;
background:#FFE000;width:70px;
color:#FFFFFF;
font-weight:bold;
display:none;
font-size:12px;
opacity:0.85;
filter:alpha(opacity=85);
position:absolute;
right:0;
top:0;
}

.deleting{
z-index:9999;padding:2px 0 2px 4px;
background:#CC0000;width:70px;
color:#FFFFFF;
font-weight:bold;
display:none;
font-size:12px;
opacity:0.85;
filter:alpha(opacity=85);
position:absolute;
right:0;
top:0;
}

.saved{
    z-index:9999;padding:3px 0px 3px 25px;
    background:#FFFF96 url(/images/icons/tick.png) no-repeat scroll 5px 3px;
    font-weight:normal;
    
    font-size:12px;
    opacity:0.85;
    filter:alpha(opacity=85);
    float:right;
}

#datafield th{
    color:#555555;
    padding:10px 0px 0px 10px;
    font-size:12px;
}

.no-visiable{
    display: none;
}